<%--
    Document   : agregarNR
    Created on : 27/11/2010, 05:44:30 PM
    Author     : Francis Alcántara
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">


<% request.setAttribute("allowed", "Gestionar Notificaciones de Riesgo");%>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de Notificación Riesgos</h1>
<hr>
<p class="meta"></p>
<div class="entry" id="insertNR">
    <center>
        <h2>Crear Notificación de Riesgos</h2>
        <html:form action="/agregarNR" styleId="agregarNRForm" onsubmit="return agregarNR();">
            <table>
                <tbody>
                    <tr>
                        <td colspan="2">
                            <font color="red">
                                <bean:write name="agregarNRForm" property="error"/>
                                &nbsp;
                            </font>
                        </td>
                    </tr>
                <br>
                <tr>
                    <td>
                        <br><font color="red">*&nbsp;</font>Cédula del Implicado:
                    </td>
                    <td><select name="nacionalidad" id="nacionalidad" onchange="consultarPuestoPersonal()">
                            <option value="V" selected>V</option>
                            <option value="E">E</option>
                        </select>
                        -
                        <html:text property="cedula" onblur="consultarPuestoPersonal()" size="20" />
                        <html:errors property = "nacionalidad_requerido"/>
                        <html:errors property = "cedula_rn_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;Nombre:</td>
                    <td>
                        <input id="nombre_persona" readonly="true" size="40" />
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;Puesto de Trabajo:</td>
                    <td><html:text styleId="puestoTrabajo" property="cargo" readonly="true" size="40" /><td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Realizado por:</td>
                    <td><html:text property="realizadoPor" size="40"/>
                        <html:errors property = "realizadoPor_rn_requerido"/>
                    </td>

                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Fecha de Elaboración:</td>
                    <td><html:text property="fechaNR" styleId="fechaA" size="40"/></td>
                    <html:errors property = "fechaNR_rn_requerido"/>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Estado:</td>
                    <td>
                        <html:select property="estado">
                            <html:option value="activo">Activo</html:option>
                            <html:option value="pasivo">Pasivo</html:option>
                        </html:select>
                        <html:errors property = "estado_rn_requerido"/>
                    </td>
                </tr>
                </tbody>
            </table>
            <font color="red"><p>Los campos que tienen (*) son obligatorios.</p></font>
            <br>
            <div id="controlesNR">
                <html:submit value="Asociar Riesgos"/>
                <html:button property="" styleId="PT" value="  Atrás  "/>
            </div>
        </html:form>
        <div id="NR_Riesgos">
            <hr><h2>Riesgos Asociados</h2>
            <table id="NR_Riesgos_select">
                <tr>
                    <td><label>Tipo de Riesgo </label></td>
                    <td>
                        <select id="tipoRiesgo" name ="tipo" length="100"></select>
                    </td>
                    <td><html:button property="" styleId="newNR_Bloque" value=" + "/></td>
                </tr>
            </table>
            <div id="BloquesNR">
                <div id="NR_Fisico" class="NR_Head NR_Fisico NR_item oculta">Riesgo Fisico</div>
                <div id="NR_Bloque_1" class="NR_Fisico NR_Bloque NR_item oculta"></div>

                <div id="NR_Quimico" class="NR_Head NR_Quimico NR_item oculta">Riesgo Quimico</div>
                <div id="NR_Bloque_2" class="NR_Quimico NR_Bloque NR_item oculta"></div>

                <div id="NR_Psicologico" class="NR_Head NR_Psicologico NR_item oculta">Riesgo Psicologico</div>
                <div id="NR_Bloque_3" class="NR_Psicologico NR_Bloque NR_item oculta"></div>

                <div id="NR_Disergonomico" class="NR_Head NR_Disergonomico NR_item oculta">Riesgo Disergonomico</div>
                <div id="NR_Bloque_4" class="NR_Disergonomico NR_Bloque NR_item oculta"></div>

                <div id="NR_Biologico" class="NR_Head NR_Biologico NR_item oculta">Riesgo Biologico</div>
                <div id="NR_Bloque_5" class="NR_Biologico NR_Bloque NR_item oculta"></div>

                <br>
                <div><input type="button" id="guardaTodo" value="Guardar Riesgos Asociados"></div>
            </div>
        </div>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    $(function(){
        $(".NR_Bloque").load("Modulo3/nuevoBloqNR.jsp");
        $('#fechaA').datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
        $('#BloquesNR').accordion({
            active: true,
            clearStyle: true,
            collapsible: true,
            autoHeigth: false,
            header: '.NR_Head'
        });
        $.getJSON("listaTiposRiesgo.do",function(data) {
            $.each(data.TiposRiesgo, function(i,item){
                $('#tipoRiesgo').append("<option value='"+item.nombre+"'>"+item.nombre+"</option>");
            });
        });
    });

    function agregarNR(){
        $.ajax({
            url: "agregarNR.do",
            data: $('#agregarNRForm').serialize(),
            type: "post",
            dataType: 'json',
            success: function(answer){
                if(answer != null) {
                    $('#NR_Riesgos').css('display', 'block');
                    $('#controlesNR').css('display', 'none');
                    $('.idNR').val (answer.id);
                    $('#agregarNRForm input').attr('disabled',true);
                    $('#agregarNRForm select').attr('disabled',true);
                    $('#fechaA').datepicker( "disable" );
                }
            }
        });
        return false;
    }

    $('#newNR_Bloque').click(function(){
        tipo = $('#tipoRiesgo').val();
        $('#BloquesNR').removeClass('oculta').addClass('muestra');
        $('#NR_'+tipo).removeClass('oculta').addClass('muestra');
        $('.NR_'+tipo+' #tipoRiesgo').val(tipo);
        $('.NR_'+tipo+' form').addClass('NR_Activo');
    });

    $('#guardaTodo').click(function(){
        i=1;
        result = false;
        while(i<=5) {
            if($('#NR_Bloque_'+i+' .formularioNR').hasClass('NR_Activo')){
                $.ajax({
                    url: "nuevoBloqNR.do",
                    type: "POST",
                    dataType: 'json',
                    data: $('#NR_Bloque_'+i+' .formularioNR').serialize(),
                    success: function(answer){
                        //alert("before: result: "+result+" msg: "+answer.msg);
                        result = result || answer.msg;
                        //alert("after: result: "+result+" msg: "+answer.msg);
                    }
                });
            }
            i++;
        }
        for(i=0; i<2; i++){};
        if(result) $('#center').load('Modulo3/agregarNRScs.jsp');
        else alert("Los riesgos asociados no pudieron ser agregados exitosamente!");
    });

    function agregarFormularioNR(){
        $.ajax({
            url: "nuevoBloqNR.do",
            type: "POST",
            dataType: 'json',
            data: $(this).serialize(),
            success: function(answer){
                alert("Notificacion de Riesgo Agregada...");
            }
        });
        return false;
    }


</script>